/* 
提取出来的常用的公共样式
 */
.bg-849aa5{
	background-color: #849aa5;
}
.bg-f9aa33{
	background-color: #f9aa33;
}
.navBar{
	display: flex;
	width: 100%;
	height: 100upx;
	background-color: #344955;
	position: fixed;
	top: 0;
}
.content {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.underline{
    text-decoration:underline;
}
.line-through{
    text-decoration:line-through #999;
}




/*底部弹窗*/
.maskLayer{
	position:fixed;
	top:0;
	width:100%;
	height:100%;
	background:rgba(25,25,25,.3);
	z-index:99;
}
.maskLayer .contentModal{
	position:fixed;
	bottom:0;
	width:100%;
}

/**新增样式 app.wxss**/

/* 去除下划线 */
.text-decoration-none{
	text-decoration: none;
}
view,a,text,input,button {
  	margin: 0;
  	padding: 0;
  	-webkit-margin-before: 0;
  	-webkit-margin-after: 0;
  	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	box-sizing: border-box; 
  	-webkit-user-select:none;
  	-moz-user-select:none;
  	-o-user-select:none;
  	user-select:none;
  	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.clearfix {
  clear: both;
}

.clearfix:after {
  	content: ".";
  	display: block;
  	height: 0;
  	clear: both;
  	visibility: hidden;
}

.relative {
    position: relative;
}

.absolute{
	position:absolute;
}
.left0{
  left:0;
}
.right0{
  right: 0;
}
.top0{
  top: 0;
}
.bottom0{
  bottom: 0;
}

.pull-right {
  	float: right;
}

.pull-left {
  	float: left;
}


/* 宽高 */
.width50{
	width: 50%;
}
.width-20{
	width: 20upx;
}
.width-30{
	width: 30upx;
}
.width-40{
	width: 40upx;
}
.width-50{
	width: 50upx;
}
.width-60{
	width: 60upx;
}
.width-64{
	width: 64upx;
}
.width-74{
	width: 74upx;
}
.width-80{
	width: 80upx;
}
.width-100{
	width: 100upx;
}
.width-120{
	width: 120upx;
}
.width-140{
	width: 140upx;
}
.width-150{
	width: 150upx;
}
.width-180{
	width: 180upx;
}
.width-200{
	width: 200upx;
}
.width-250{
	width: 250upx;
}
.width-300{
	width: 300upx;
}
.width-340{
	width: 340upx;
}
.width-355{
	width: 355upx;
}
.width-400{
	width: 400upx;
}
.width-450{
	width: 450upx;
}
.width-500{
	width: 500upx;
}
.width-600{
	width: 600upx;
}
.width-640{
	width: 640upx;
}
.width-750{
	width: 750upx;
}
.width-full {
    width: 100%;
}
.width-auto{
	width: auto;
}
.height-30{
	height: 30upx;
}
.height-40{
	height: 40upx;
}
.height-50{
	height: 50upx;
}
.height-60{
	height: 60upx;
}
.height-64{
	height: 64upx;
}
.height-74{
	height: 74upx;
}
.height-80{
	height: 80upx;
}
.height-100{
	height: 100upx;
}
.height-120{
	height: 120upx;
}
.height-140{
	height: 140upx;
}
.height-150{
	height: 150upx;
}
.height-200{
	height: 200upx;
}
.height-300{
	height: 300upx;
}
.height-600{
	height: 600upx;
}
.height-640{
	height: 640upx;
}
.height-full{
	height: 100%;
}
.height-auto{
	height: auto;
}

/* 字号 */
.ft-20{
    font-size:20upx;
}
.ft-22{
	font-size:22upx;
}
.ft-24{
	font-size:24upx;
}
.ft-26{
	font-size:26upx;
}
.ft-28{
	font-size:28upx;
}
.ft-30{
	font-size:30upx;
}
.ft-32{
	font-size:32upx;
}
.ft-34{
	font-size:34upx;
}
.ft-36{
	font-size:36upx;
}
.ft-40{
	font-size:40upx;
}
.ft-50{
	font-size:50upx;
}
/* 字体颜色 */
.color-red{
	color: red;
}
.color-333{
	color:#333333;
}
.color-666{
	color:#666666;
}
.color-999{
	color:#999999;
}
.color-ccc{
	color:#cccccc;
}
.color-fff{
	color:#fff !important;
}
.color-eee{
  color: #eeeeee;
}
.color-1ccfcf{
	color:#1ccfcf;
}
.color-fc5920{
	color:#fc5920;
}
.color-f9aa33{
	color: #F9AA33;
}
/* 字体 */


/* 背景颜色 */
.bg-fff{
  	background-color: #ffffff;
}
.bg-999{
  	background-color: #999;
}
.bg-ccc{
  	background-color: #ccc;
}
.bg-344955{
	background-color: #344955;
}

/* 边框 */
.bd-gainsboro{
	border: 1px solid #F1F1F1;
}
.bd-bt-gainsboro{
	border-bottom: 1px solid #F1F1F1;
}

/* 圆角 */
.bd-rd10{
  border-radius: 10upx;
}
.bd-rd14{
  border-radius: 14upx;
}
.bd-rd50{
  border-radius: 50% !important;
}
.bd-rd80{
  border-radius: 80upx;
}

/* 外边距 */
.mg-tp5{
  margin-top: 5upx;
}
.mg-tp10{
  margin-top: 10upx;
}
.mg-tp15{
  margin-top: 15upx;
}
.mg-tp20{
  margin-top: 20upx;
}
.mg-tp25{
  margin-top: 25upx;
}
.mg-tp30{
  margin-top: 30upx;
}
.mg-tp35{
  margin-top: 35upx;
}
.mg-tp40{
  margin-top: 40upx;
}
.mg-tp45{
  margin-top: 45upx;
}
.mg-tp50{
  margin-top: 50upx;
}
.mg-tp60{
  margin-top: 60upx;
}
.mg-tp80{
  margin-top: 80upx;
}
.mg-tp150{
  margin-top: 150upx;
}
.mg-tp250{
  margin-top: 250upx;
}
.mg-bt10{
  margin-bottom: 10upx;
}
.mg-bt15{
  margin-bottom: 15upx;
}
.mg-bt20{
  margin-bottom: 20upx;
}
.mg-bt25{
  margin-bottom: 25upx;
}
.mg-bt30{
  margin-bottom: 30upx;
}
.mg-bt35{
  margin-bottom: 35upx;
}
.mg-bt40{
  margin-bottom: 40upx;
}
.mg-bt45{
  margin-bottom: 45upx;
}
.mg-bt50{
  margin-bottom: 50upx;
}
.mg-lt4{
  margin-left: 4upx;
}
.mg-lt10{
  margin-left: 10upx;
}
.mg-lt15{
  margin-left: 15upx;
}
.mg-lt20{
  margin-left: 20upx;
}
.mg-lt25{
  margin-left: 25upx;
}
.mg-lt30{
  margin-left: 30upx;
}
.mg-lt35{
  margin-left: 35upx;
}
.mg-lt40{
  margin-left: 40upx;
}
.mg-lt45{
  margin-left: 45upx;
}
.mg-lt50{
  margin-left: 50upx;
}
.mg-lt62{
  margin-left: 62upx;
}
.mg-rt10{
  margin-right: 10upx;
}
.mg-rt15{
  margin-right: 15upx;
}
.mg-rt20{
  margin-right: 20upx;
}
.mg-rt25{
  margin-right: 25upx;
}
.mg-rt30{
  margin-right: 30upx;
}
.mg-rt35{
  margin-right: 35upx;
}
.mg-rt40{
  margin-right: 40upx;
}
.mg-rt45{
  margin-right: 45upx;
}
.mg-rt50{
  margin-right: 50upx;
}
.mg-lr15{
  margin: 0 15upx;
}
.mg-lr30{
  margin: 0 30upx;
}
.mg-tb15{
  margin: 15upx 0;
}
.mg-tb30{
  margin: 30upx 0;
}
.mg-0{
	margin: 0;
}
.mg15{
  margin: 15upx;
}
.mg30{
  margin: 30upx;
}

/* 内边距 */
.pd-0{
	padding: 0;
}
.pd-tp10{
  padding-top: 10upx;
}

.pd-tp15{
  padding-top: 15upx;
}

.pd-tp20{
  padding-top: 20upx;
}

.pd-tp25{
  padding-top: 25upx;
}

.pd-tp30{
  padding-top: 30upx;
}

.pd-tp35{
  padding-top: 35upx;
}

.pd-tp40{
  padding-top: 40upx;
}

.pd-tp45{
  padding-top: 45upx;
}

.pd-tp50{
  padding-top: 50upx;
}
.pd-tp80{
  padding-top: 80upx;
}
.pd-tp100{
  padding-top: 100upx;
}
.pd-tp150{
  padding-top: 150upx;
}
.pd-bt10{
  padding-bottom: 10upx;
}

.pd-bt15{
  padding-bottom: 15upx;
}

.pd-bt20{
  padding-bottom: 20upx;
}

.pd-bt25{
  padding-bottom: 25upx;
}

.pd-bt30{
  padding-bottom: 30upx;
}

.pd-bt35{
  padding-bottom: 35upx;
}

.pd-bt40{
  padding-bottom: 40upx;
}

.pd-bt45{
  padding-bottom: 45upx;
}

.pd-bt50{
  padding-bottom: 50upx;
}
.pd-lt10{
  padding-left: 10upx;
}

.pd-lt15{
  padding-left: 15upx;
}

.pd-lt20{
  padding-left: 20upx;
}

.pd-lt25{
  padding-left: 25upx;
}

.pd-lt30{
  padding-left: 30upx;
}

.pd-lt35{
  padding-left: 35upx;
}

.pd-lt40{
  padding-left: 40upx;
}

.pd-lt45{
  padding-left: 45upx;
}

.pd-lt50{
  padding-left: 50upx;
}
.pd-lt100{
  padding-left: 100upx;
}
.pd-rt4{
  padding-right: 4upx;
}
.pd-rt8{
  padding-right: 8upx;
}

.pd-rt10{
  padding-right: 10upx;
}

.pd-rt15{
  padding-right: 15upx;
}

.pd-rt20{
  padding-right: 20upx;
}

.pd-rt25{
  padding-right: 25upx;
}

.pd-rt30{
  padding-right: 30upx;
}

.pd-rt35{
  padding-right: 35upx;
}

.pd-rt40{
  padding-right: 40upx;
}

.pd-rt45{
  padding-right: 45upx;
}

.pd-rt50{
  padding-right: 50upx;
}
.pd-lr4{
  padding: 0 4upx;
}
.pd-lr10{
  padding: 0 10upx;
}
.pd-lr15{
  padding: 0 15upx;
}
.pd-lr20{
  padding: 0 20upx;
}

.pd-lr30{
  padding: 0 30upx;
}
.pd-tb10{
  padding: 10upx 0;
}
.pd-tb15{
  padding: 15upx 0;
}
.pd-tb20{
  padding: 20upx 0;
}

.pd-tb30{
  padding: 30upx 0;
}

.pd15{
  padding: 15upx;
}

.pd30{
  padding: 30upx;
}

/*高*/
.h30{
  height: 30upx;
}

.h35{
  height: 35upx;
}

.h40{
  height: 40upx;
}

.h45{
  height: 45upx;
}

.h50{
  height: 50upx;
}

.h55{
  height: 55upx;
}

.h60{
  height: 60upx;
}

.h65{
  height: 65upx;
}

.h70{
  height: 70upx;
}

.h75{
  height: 75upx;
}

.h80{
  height: 80upx;
}

.h90{
  height: 90upx;
}

.h100{
  height: 100upx;
}
.h120{
  height: 120upx;
}


/* 行高 */
.line-h30{
  line-height: 30upx;
}

.line-h35{
  line-height: 35upx;
}

.line-h40{
  line-height: 40upx;
}

.line-h45{
  line-height: 45upx;
}

.line-h50{
  line-height: 50upx;
}

.line-h55{
  line-height: 55upx;
}

.line-h60{
  line-height: 60upx;
}

.line-h65{
  line-height: 65upx;
}

.line-h70{
  line-height: 70upx;
}

.line-h75{
  line-height: 75upx;
}

.line-h80{
  line-height: 80upx;
}

.line-h90{
  line-height: 90upx;
}

.line-h100{
  line-height: 100upx;
}
.line-h120{
  line-height: 120upx;
}
/* flex布局属性集 */
.flex {
    display: box; /* OLD - Android 4.4- */
    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox; /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Chrome */
    display: flex;

}
/* 按行排列 */
.flex-direction-row{
  flex-direction: row;
}
/* 列 */
.flex-direction-column{
  flex-direction: column;
}
.nowrap{
  flex-wrap:nowrap!important;
}
.wrap{
	flex-wrap:wrap!important;
}
/* 水平居中 */
.flex-hc {
    /* 09版 */
    -webkit-box-pack: center;
    /* 12版 */
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
}
/* 垂直居中 */
.flex-vc {
    /* 09版 */
    -webkit-box-align: center;
    /* 12版 */
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
}

.flex-jc { 
	justify-content: center;
}
.flex-js { 
	justify-content: flex-start;
}
.flex-je { 
	justify-content: flex-end;
}
.flex-jsb { 
	justify-content: space-between;
}
.flex-ac { 
	align-items: center;
}
.flex-as { 
	align-items: flex-start;
}
.flex-ae { 
	align-items: flex-end;
}

.block {
  	display: block;
}

.inline {
  	display: inline;
}
.inline-flex{
  display: inline-flex;
}
.inline-block {
    display: inline-block;
}
.text-center {
  	text-align: center;
}
.text-right {
  	text-align: right;
}
/* 字体粗细 */
.font-weight-550{
	font-weight: 550;
}
.bold{
	font-weight: bold;
}

.ov-hd{
	overflow: hidden;
}
/* 文字只显示一行，超出部分省略号 */
.one-line-ellipsis{
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}


/* 多行文本溢出隐藏，其他行数结合下面的行数运用 */
.mult_line-ellipsis{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

/* 黑色透明遮盖层 */
.black_cover {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgb(0, 0, 0, .3);
  overflow: hidden;
  z-index: 9999;
}

::-webkit-scrollbar{
	width:0;
	height:0;
}
